<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的运动数据</title>
	</head>
	<body class="sportsdate">
		<header id="mydate">
			<!-- 返回按钮 -->
			<p id="back">&lt;</p>
			<!-- 头像部分 -->
			<div id="head1">
				<h3>我的运动数据</h3>
				<img src="../../assets/images/dc.jpg" alt="" />
			</div>
			<!-- 运动和消耗 -->
			<div id="head2">
				<div id="sportsTime">
					<h5>总运动</h5>
					<span>999</span>分钟
				</div>
				<div id="weekUse">
					<h5>本周消耗</h5>
					<span>999</span>千卡
				</div>
			</div>
			<!-- 下方数据 -->
			<div id="head3">
				<div>
					<p>总里程</p>
					<span id="distance">9999</span>
				</div>
				<div>
					<p>累积(天)</p>
					<span id="sumDays">9999</span>
				</div>
				<div>
					<p>连续(天)</p>
					<span id="constantDays">9999</span>
				</div>
			</div>
		</header>
		<!-- 图表区 -->
		<main id="charts">
			<div id="chart1"></div>
			<div id="chart2"></div>
			<div id="chart3"></div>
			<div id="chart4"></div>
		</main>
	</body>
</html>
